
.asset-content-body {

  .asset-grid {
    padding-bottom: 7%;
    .asset-button {
      margin: 1%;
      .asset-create-btn {
        margin: 2% 2%;
        padding: 10px;
        background-color: #2c3e50;
        color: white;
      }
    }

    .cell-active {
      -moz-box-shadow:0px 0px 14px #333333;
      -webkit-box-shadow:0px 0px 14px #333333;
      box-shadow:0px 0px 14px #333333;

      .links {
        display: block !important;
      }
    }
  }
}

.asset-grid-cell {
  position: relative;
  border: 1px solid #CBCBCB;
  margin: 1% 2%;
  width: 29%;
  // min-height: 340px;
  .cell-item {
    margin-top: 3%;
  }
  .created-at {
    color: #858585;
  }
  .title {
    font-weight: bold;
  }
  .image {

    img {
      width: 100%;
    }
  }
  .digest {
    color: #858585;
  }
  .links {
    position: absolute;
    width: 100%;
    height: 10%;
    bottom: 0;
    left: 0;
    background-color: #F4F4F4;
    border-top: 1px solid #D1D1D1;
    display: none;
    .link {
      width: 49.5%;
      display: inline-block;
      vertical-align: middle;
      text-align: center;
    }
    .line {
      display: inline-block;
      vertical-align: middle;
      width: 1px;
      height: 100%;
      background-color: #D1D1D1;
    }
  }
}

.asset-modal-content .asset-grid-cell-selected {
  border: 2px solid #E34C49;
}
